<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户协议</title>
    <link rel="stylesheet" th:href="@{/css/register/style.css}">
    <link rel="stylesheet" th:href="@{/css/register/legal-pages.css}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body class="light-theme">
<div class="theme-toggle">
    <i class="fas fa-moon"></i>
    <label class="switch">
        <input type="checkbox" id="themeSwitch">
        <span class="slider round"></span>
    </label>
    <i class="fas fa-sun"></i>
</div>

<div class="legal-container">
    <div class="legal-header">
        <h1>用户服务协议</h1>
        <div class="back-link">
            <a th:href="@{/page/auth/register}"><i class="fas fa-arrow-left"></i> 返回注册</a>
        </div>
    </div>

    <div class="legal-content">
        <section>
            <h2><i class="fas fa-bookmark"></i> 协议生效</h2>
            <p>当您完成注册流程即视为已阅读并同意本协议全部条款。本协议更新时我们将通过适当方式提醒您...</p>
        </section>

        <section>
            <h2><i class="fas fa-user-shield"></i> 账户规范</h2>
            <ul>
                <li>您需保证注册信息的真实性和完整性</li>
                <li>账号密码应妥善保管，不得转让或出借</li>
                <li>发现异常登录应立即修改密码</li>
            </ul>
        </section>

        <section>
            <h2><i class="fas fa-balance-scale"></i> 权利义务</h2>
            <p>我们承诺：</p>
            <ol>
                <li>保障用户数据安全存储</li>
                <li>不向第三方出售用户信息</li>
                <li>提供7×24小时技术支持</li>
            </ol>
        </section>

        <div class="effective-date">
            <i class="fas fa-calendar-alt"></i> 生效日期：2023年10月1日
        </div>
    </div>
</div>

<script th:src="@{/js/reg-style.js}"></script>
</body>
</html>
